.CountDown {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: absolute;
  flex-direction: column;
  justify-content: center;
  left: 0;
  bottom: 0;

  &.h5mode {
    >p {
      font-size: 0.24rem;
    }

    >div {
      margin-top: 0.24rem;

      >span {
        width: 0.62rem;
        height: 0.62rem;
        font-size: 0.35rem;
        line-height: 0.35px;
        border-radius: 0.06rem;
      }

      >i {
        font-size: 0.16rem;
        line-height: 0.22rem;
        margin: 0 0.08rem;
      }
    }
  }

  >p {
    font-size: 30px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: var(--fontfff);
    line-height: 42px;
  }

  >div {
    display: flex;
    align-items: flex-end;
    margin-top: 30px;

    >span {
      width: 77px;
      height: 77px;
      background: var(--theme);
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 57px;
      font-family: HYb0gj;
      color: var(--fontfff);
      line-height: 57px;
    }

    >i {
      font-size: 18px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
      line-height: 25px;
      margin: 0 10px;
    }
  }
}